import './App.css';
// import Warp from './components/Warp'
// import One from './components/One'
// import Two from './components/Two'
// import Box from './components2/Box'

import One from './components3/One';
import Two from './components3/Two';
import Three from './components3/Three';

import { MyTable, UserTable, StateTable } from './components4/MyTable';

function App() {
  return (
    <div className="App">
      {/* <Warp/>
      <One/>
      <Two/> */}

      {/* <Box/> */}
      {/* <One/>
      <Two/>
      <Three/> */}

      <MyTable/>

      <UserTable/>

      <StateTable/>

    </div>
  );
}

export default App;
